bt.module({builder: function(bt) {

    var Page = {
        TripNameForm: $('#trip-name-form'),
        TripName: $('#trip-name'),
        TripNameInput: $('#trip-name-input'),
        saveTripName: function (e) {
            e.preventDefault();
            $(this).hide();
            Page.TripName.show();
            var _data = Page.TripNameForm.serialize();
            var _url = '/trips/' + Page.TripNameForm.attr('data-trip-id') + '/change_name/';
            var _oldname = Page.TripName.text();
            var _newname = Page.TripNameInput.val();
            Page.TripName.text(_newname);
            $.ajax({
                url: _url,
                type: 'post',
                dataType: 'json',
                data: _data,
                success: function (data) {
                    if ( data.success ) {
                        Page.TripName.text(_newname);
                    }else{
                        Page.TripName.text(_oldname);
                    }
                }
            });
        },
        changeTripName: function (e) {
            e.preventDefault();
            $(this).removeClass('error').hide();
            Page.TripNameInput.show().focus();
        },
        initTripName: function () {
            Page.TripName.on('click', Page.changeTripName);
            Page.TripNameInput.on('blur', Page.saveTripName);
        }
    };

    $(function(){
        Page.initTripName();
    });
}});